@mixin flexstyle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500!important;

}
.map{
    width:100%;
    height:100%;
    z-index: 4;
    position: absolute;

}
.map-shadow{
    //width:9.2283rem;
    width:8.14rem;
    //height:7.85rem;
  height:6.34rem;
    background: url("../../../static/mapShadow.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -2.85rem;
    left: 50%;
    margin-left: -3.45rem;
}
.map3-shadow{
    width:9.2283rem;
    height:7.85rem;
    background: url("../../../static/mapShadow.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -3.8rem;
    left: 50%;
    margin-left: -4.62rem;
}
.map4-shadow{
    width:10.5rem;
    height:8.932rem;
    background: url("../../../static/mapShadow.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -4.1rem;
    left: 50%;
    margin-left: -5.4rem;
}

@mixin live15{
    width:0.115rem;
    height: 0.115rem;
}
@mixin ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.live{
    position: absolute;
    @include live15;
    top: -0.1rem;  
              
}
.live-left {
   left: 0.7rem;
}
.live-right {
  left: 1.7rem
}
.live .img{
    @include live15;
    background: url("../../../static/Oval.png") no-repeat;
    background-size: contain;
    border-radius: 50%;
    z-index: 1;
    // background-color: #00e3ff;

}
 @keyframes living {
     0%{
         transform: scale(1.1);
         opacity: 0.5;  
     }
     50%{
         transform: scale(2.2);  
         opacity: 0.2;   /*圆形放大的同时，透明度逐渐减小为0*/
     }
     100%{
         transform: scale(1.1);
         opacity: 0.5;
     }
 }
 .live i{
     position: absolute;
     @include live15;

     left: 0;
     bottom: 0;
     background: #00e3ff;
     border-radius: 50%;
     -webkit-animation: living 3s linear infinite;
     z-index: 7;
 }
 .live i:nth-child(2){
     -webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
 }


.LabelText{
    @include flexstyle;
        width: 100%;
        font-size: 0.1167rem;

    span{
        display: inline-block;
        color: #FFD000 ;
        vertical-align: middle;
        @include ellipsis;
        // font-size: 0.1333rem
        text-align: left;
        width: 50%;
    };
    .label{
        padding-right: 0.02rem;
        color: #A4E9FF ;
        text-align: right;

    }
}

.titleIncomeCombination{
    position: fixed;
    width: 100%;
    top: 0.9967rem;
    z-index: 99999;
    left: 0;
}

.title-l{
    font-size: 0.15rem;
    color: #00CEFF;
    position: absolute;
    top: -0.15rem;
    left: 1.8rem;
}
.title-r{
    font-size: 0.15rem;
    color: #00CEFF;
    position: absolute;
    top: -0.15rem;
    left:  0.9rem;
}